<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>innerHTML 和innertext</title>
</head>
<body>
    <div>
    </div>
        <p>
            胡歌
            <span>赵玉真</span>
        </p>
    <script>
        // <!-- innerHTML 和innertext -->
        // innerHTML 识别html标签 w3c标准 保留空格换行
        var div = document.querySelector('div')

        var p = document.querySelector('p')
       
       div.innerHTML='<b>胡歌</b>星期六'

    //    innerText 不识别html标签 非标准 去除空格换行
    // div.innerText='<b>胡歌</b>星期六'
    
        

    //innerHTML 和innertext 这两个属性是可读写的 可获取元素里面内容
    console.log(p.innerHTML);
    console.log(p.innerText);
    </script>
    
</body>
</html>